// 风险下单页面样式
#risk-order-content {
    height: inherit;

    .iconClass {
        cursor: pointer;
        color: black;

        &:hover {
            color: #63b0ff;
        }
    }

    .risk-order-top {
        height: calc(60vh - 40px);
        min-height: 360px;

        .col-box {
            height: 100%;
            padding: 10px;

            .el-tabs {
                height: 100%;

                .el-tabs__content {
                    height: calc(100% - 40px);

                    .el-tab-pane {
                        height: 100%;

                        #risk-table {
                            height: calc(100% - 38px);

                            /deep/.el-pagination {
                                padding: 10px 0 0 0 !important;
                            }
                        }
                    }
                }
            }
        }

        .form-col {
            border-right: 1px solid #c9c9c9;

            .form-content {
                // height: calc(100% - 40px);
            }

            /deep/.el-select {
                width: 100%;
            }
        }

        .el-col-17 {
            padding-left: 10px;
            text-align: right;
        }
    }

    .risk-order-bottom {
        border-top: 1px solid #c9c9c9;
        padding: 10px;
        height: 40vh;

        .result-span {
            display: flex;
            align-items: center;
            margin-bottom: 5px;

            span {
                color: #575757;
            }
        }

        .col-box {
            height: 100%;
        }
    }

    .el-pagination {
        padding: 10px 0 0 0 !important;
    }
}

.my-input {
    margin: 10px;
    width: 150px;
}

// vxe-table 筛选容器样式
/deep/.vxe-table--filter-wrapper {
    .vxe-table--filter-body {
        height: 40%;
        max-height: 60px;
        padding-bottom: 0;
    }

    .vxe-table--filter-footer {
        padding: 0.2em;
    }
}

.el-col-2 {
    display: flex;
    justify-content: center;
    flex-direction: column;
    align-items: center;
    height: 400px;

    .el-button {
        margin-bottom: 5px;
    }
}

// 标签页样式
/deep/.el-tabs {
    .el-tabs__header {
        height: 36px;
    }

    .el-tabs__nav {
        .el-tabs__item {
            width: fit-content;
            min-width: 110px;
            background: #fafafa !important;

            span {
                border-right: none;
            }

            &:last-child {
                border-right: none;
            }
        }

        .is-active {
            border-top: none !important;
            background: #fff !important;
        }
    }
}

/deep/ .el-dialog__body {
    .trant-but {
        height: 50%;
    }
}
